:root[data-theme="dark"] {
  --primary-color: #409eff;
  --secondary-color: #4D44DB;
  --bg-color: #141414;
  --accent-color: #FF6584;
  --text-color: #CFD3DC;
  --border-color: #4C4D4F;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --info-color: #909399;
  --error-color: #f56c6c;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --code-bg-color: #141414;
  --footer-bg-color: #141414;
  --footer-text-color: #FFFFFF;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --transition: all 0.3s ease;
  --menu-hover-bg: #304156;
}